<!doctype html>
<html>

	<head>
		<meta http-equiv="content-type" content="text/html; charset=UTF-8">
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
		<!-- Apple devices fullscreen -->
		<meta name="apple-mobile-web-app-capable" content="yes">
		<!-- Apple devices fullscreen -->
		<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
		<link href="../css/main.css?v=12u234y" rel="stylesheet" type="text/css">
		<link href="../css/page.css" rel="stylesheet" type="text/css">
		<link href="../font/css/font-awesome.min.css" rel="stylesheet" />
		<!--[if IE 7]>
  <link rel="stylesheet" href="../font/css/font-awesome-ie7.min.css">
<![endif]-->
		<link href="../js/jquery-ui/jquery-ui.min.css" rel="stylesheet" type="text/css" />
		<link href="../js/perfect-scrollbar.min.css" rel="stylesheet" type="text/css" />
		<style type="text/css">
			html,
			body {
				overflow: visible;
			}
		</style>
		<script type="text/javascript" src="../js/jquery.js"></script>
		<script type="text/javascript" src="../js/jquery-ui/jquery-ui.min.js"></script>
		<script type="text/javascript" src="../js/layer/layer.js"></script>
		<!-- 弹窗js 参考文档 http://layer.layui.com/-->
		<script type="text/javascript" src="../js/admin.js"></script>
		<script type="text/javascript" src="../js/flexigrid.js"></script>
		<script type="text/javascript" src="../js/jquery.validation.min.js"></script>
		<script type="text/javascript" src="../js/perfect-scrollbar.min.js"></script>
		<script type="text/javascript" src="../js/jquery.mousewheel.js"></script>
		<script src="../js/myFormValidate.js"></script>
		<script src="../js/myAjax2.js"></script>
		<script src="../js/global.js"></script>
		<script type="text/javascript">
			function delfunc(obj) {
				layer.confirm('确认删除？', {
					btn: ['确定', '取消'] //按钮
				}, function() {
					$.ajax({
						type: 'post',
						url: $(obj).attr('data-url'),
						data: {
							act: 'del',
							del_id: $(obj).attr('data-id')
						},
						dataType: 'json',
						success: function(data) {
							if(data == 1) {
								layer.msg('操作成功', {
									icon: 1
								});
								$(obj).parent().parent().parent().remove();
							} else {
								layer.msg(data, {
									icon: 2,
									time: 2000
								});
							}
						}
					})
				}, function(index) {
					layer.close(index);
					return false; // 取消
				});
			}

			function delAll(obj, name) {
				var a = [];
				$('input[name*=' + name + ']').each(function(i, o) {
					if($(o).is(':checked')) {
						a.push($(o).val());
					}
				})
				if(a.length == 0) {
					layer.alert('请选择删除项', {
						icon: 2
					});
					return;
				}
				layer.confirm('确认删除？', {
					btn: ['确定', '取消']
				}, function() {
					$.ajax({
						type: 'get',
						url: $(obj).attr('data-url'),
						data: {
							act: 'del',
							del_id: a
						},
						dataType: 'json',
						success: function(data) {
							if(data == 1) {
								layer.msg('操作成功', {
									icon: 1
								});
								$('input[name*=' + name + ']').each(function(i, o) {
									if($(o).is(':checked')) {
										$(o).parent().parent().remove();
									}
								})
							} else {
								layer.msg(data, {
									icon: 2,
									time: 2000
								});
							}
							layer.closeAll();
						}
					})
				}, function(index) {
					layer.close(index);
					return false; // 取消
				});
			}

			//表格列表全选反选
			$(document).ready(function() {
				$('.hDivBox .sign').click(function() {
					var sign = $('#flexigrid > table>tbody>tr');
					if($(this).parent().hasClass('trSelected')) {
						sign.each(function() {
							$(this).removeClass('trSelected');
						});
						$(this).parent().removeClass('trSelected');
					} else {
						sign.each(function() {
							$(this).addClass('trSelected');
						});
						$(this).parent().addClass('trSelected');
					}
				})
			});

			//获取选中项
			function getSelected() {
				var selectobj = $('.trSelected');
				var selectval = [];
				if(selectobj.length > 0) {
					selectobj.each(function() {
						selectval.push($(this).attr('data-id'));
					});
				}
				return selectval;
			}
		</script>
	</head>

	<body style="background-color: rgb(255, 255, 255); overflow: auto; cursor: default; -moz-user-select: inherit;">
		<div id="append_parent"></div>
		<div id="ajaxwaitid"></div>
		<div class="page">
			<div class="fixed-bar">
				<div class="item-title">
					<div class="subject">
						<h3>导航列表管理</h3>
						<h5>网站系统导航管理</h5>
					</div>
				</div>
			</div>
			<!-- 操作说明 -->
			<div id="explanation" class="explanation" style="color: rgb(44, 188, 163); background-color: rgb(237, 251, 248); width: 99%; height: 100%;">
				<div id="checkZoom" class="title"><i class="fa fa-lightbulb-o"></i>
					<h4 title="提示相关设置操作时应注意的要点">操作提示</h4>
					<span title="收起提示" id="explanationZoom" style="display: block;"></span>
				</div>
				<ul>
					<li>前台导航列表, 由总平台设置管理.</li>
					<li>如果对前台导航进行了编辑更新，而前台页面没有变化，那么请先清除缓存.</li>
				</ul>
			</div>
			<div class="flexigrid">
				<div class="mDiv">
					<div class="ftitle">
						<h3>前台导航列表</h3>
					</div>
					<div title="刷新数据" class="pReload"><i class="fa fa-refresh"></i></div>
				</div>
				<div class="hDiv">
					<div class="hDivBox">
						<table cellspacing="0" cellpadding="0">
							<thead>
								<tr>
									<th class="sign" axis="col0">
										<div style="width: 24px;"><i class="ico-check"></i></div>
									</th>
									<th align="left" abbr="article_title" axis="col3" class="">
										<div style="text-align: left; width: 100px;" class="">导航名称</div>
									</th>
									<th align="left" abbr="ac_id" axis="col4" class="">
										<div style="text-align: left; width: 350px;" class="">链接地址</div>
									</th>
									<th align="center" abbr="article_show" axis="col5" class="">
										<div style="text-align: center; width: 80px;" class="">显示</div>
									</th>
									<th align="center" abbr="article_new" axis="col6" class="">
										<div style="text-align: center; width: 80px;" class="">新窗口打开</div>
									</th>
									<th align="center" abbr="article_time" axis="col6" class="">
										<div style="text-align: center; width: 150px;" class="">排序</div>
									</th>
									<th align="center" axis="col1" class="handle">
										<div style="text-align: center; width: 150px;">操作</div>
									</th>
									<th style="width:100%" axis="col7">
										<div></div>
									</th>
								</tr>
							</thead>
						</table>
					</div>
				</div>
				<div class="tDiv">
					<div class="tDiv2">
						<div class="fbutton">
							<a href="addEditNav.html">
								<div class="add" title="新增导航">
									<span><i class="fa fa-plus"></i>新增导航</span>
								</div>
							</a>
						</div>
					</div>
					<div style="clear:both"></div>
				</div>
				<div class="bDiv" style="height: auto;">
					<div id="flexigrid" cellpadding="0" cellspacing="0" border="0">
						<table>
							<tbody>
								<tr>
									<td class="sign">
										<div style="width: 24px;"><i class="ico-check"></i></div>
									</td>
									<td align="left" class="">
										<div style="text-align: left; width: 100px;">秒杀</div>
									</td>
									<td align="left" class="">
										<div style="text-align: left; width: 350px;">/Home/Activity/flash_sale_list.html</div>
									</td>
									<td align="center" class="">
										<div style="text-align: center; width: 80px;">
											<span class="no" onClick="changeTableVal('navigation','id','13','is_show',this)"><i class="fa fa-ban"></i>否</span>
										</div>
									</td>
									<td align="center" class="">
										<div style="text-align: center; width: 80px;">
											<span class="no" onClick="changeTableVal('navigation','id','13','is_new',this)"><i class="fa fa-ban"></i>否</span>
										</div>
									</td>
									<td class="sort">
										<div style="text-align: center; width: 150px;">
											<input title="鼠标移开将自动保存, 数值越大越靠前" style="text-align: center;" type="text" onKeyUp="this.value=this.value.replace(/[^\d]/g,'')" onpaste="this.value=this.value.replace(/[^\d]/g,'')" onChange="changeTableVal('navigation','id','13','sort',this)" size="4" value="10" />
										</div>
									</td>
									<td align="center" class="handle">
										<div style="text-align: center; width: 170px; max-width:170px;">
											<a class="btn blue" target="_blank" href="http://shopdemo.gaopintech.com/Home/Activity/flash_sale_list.html"><i class="fa fa-search"></i>查看</a>
											<a class="btn red" data-url="/admin/System/ajax_delNav.html" data-id="13" onClick="delfun(this)"><i class="fa fa-trash-o"></i>删除</a>
											<a href="addEditNav13.html" class="btn blue"><i class="fa fa-pencil-square-o"></i>编辑</a>
										</div>
									</td>
									<td align="" class="" style="width: 100%;">
										<div>&nbsp;</div>
									</td>
								</tr>
							</tbody>
						</table>
					</div>
					<div class="iDiv" style="display: none;"></div>
				</div>
				<!--分页位置-->
			</div>
		</div>
		<script>
			$(document).ready(function() {
				// 表格行点击选中切换
				$('#flexigrid > table>tbody >tr').click(function() {
					$(this).toggleClass('trSelected');
				});

				// 点击刷新数据
				$('.fa-refresh').click(function() {
					location.href = location.href;
				});

			});

			// 删除按钮
			function delfun(obj) {
				layer.confirm('确认删除？', {
					btn: ['确定', '取消'] //按钮
				}, function() {
					// 确定
					$.ajax({
						type: 'post',
						url: $(obj).attr('data-url'),
						data: {
							act: 'del',
							id: $(obj).attr('data-id')
						},
						dataType: 'json',
						success: function(data) {
							if(data.status == 1) {
								layer.msg('操作成功', {
									icon: 1
								});
								$(obj).parent().parent().parent().remove();
							} else {
								layer.msg(data, {
									icon: 2,
									time: 2000
								});
							}
						}
					})
				}, function(index) {
					layer.close(index);
				});
			}
		</script>
	</body>

</html>